﻿body, ul, li 
{
	font-size:14px; 
	font-family:Arial, Helvetica, sans-serif;
	text-align:left; 
	z-index: 1001;
}

#menu
{
    /*HEIGHT FROM THE TOP, SET WIDTH CORNERS ETC*/
    list-style: none;
    margin: 5px auto 0px auto;
    height: 38px;
    padding: 0px 20px 0px 20px; 
    color: #808080;
    border: 1px Solid #999999;
    border-radius: 10px;
    -moz-border-radius: 10px;
    background: #DDDDDD;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD',endColorstr='#ACACAC');
    background: -o-linear-gradient(top, #DDDDDD, #ACACAC);
    background: -moz-linear-gradient(top, #DDDDDD, #ACACAC);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDDDDD), to(#ACACAC)); 
    box-shadow: inset 0px 0px 1px #edf9ff;
    -moz-box-shadow: inset 0px 0px 1px #edf9ff;
    -webkit-box-shadow: inset 0px 0px 1px #edf9ff;
}

#menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 10px 4px 10px;
	margin-right:30px;
	border:none;
}

.c
{
    color: #CDCDCD;
}

#menu li:hover {
	border: 1px solid #777777;
	background: #F4F4F4;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F4F4',endColorstr='#EEEEEE');
	background: -o-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
}

/*MENU ITEMs HOME, DAN, BRANCH ETC*/
#menu p
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #015b86;
    margin: 5px 0 0px 0;
}

#menu li p { padding: 3px 21px 3px 0; background:url("../Images/MenuBar/drop.png") no-repeat right 8px; margin: -5px 0 10px 0; }
#menu li:hover p { background:url("../Images/MenuBar/dropForward.png") no-repeat right 8px; margin: -5px 0 10px 0; }

#menu li a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #015b86;
    display: block;
    outline: 0;
    text-decoration: none;
}
#menu li:hover a { color: #3399FF; } /* BAR COLOR */
#menu li:hover div a { font-size:10px; color:#015b86; } /* BAR COLOR */
#menu li:hover div a:hover {  color:#015b86; } /* BLUE TEXT BEHIND THE LINKS WHEN TO HOVER*/
#menu li .align_right { border-radius: 5px 0px 5px 5px; -moz-border-radius: 5px 0px 5px 5px; -webkit-border-radius: 5px 0px 5px 5px; }
#menu li ul { list-style:none; padding:0; }
#menu li ul li {
	font-size:10px;
	line-height:18px;
	position:relative;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
}
#menu li ul li:hover { background: #C0C0C0; border: none; padding: 0; } /*blue Color behind hover text 'grey' */ 
#menu li:hover .align_right { left:auto; right:-1px; top:auto; }

#menu .menu_right {
	float:right;
	margin-right:0px;
}

#menu h2 {
	font-size:21px;
	font-weight:400;
	letter-spacing:-1px;
	margin:7px 0 14px 0;
	border-bottom:1px solid #666666;
}
#menu h3 {
	font-size:10px;
	border-bottom:1px solid #888888;
}

.strong { font-weight:bold; }
.italic { font-style:italic; }

.imgshadow { background:#FFFFFF; border:1px solid #777777; box-shadow:0px 0px 5px #666666; filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='#666666'); -moz-box-shadow:0px 0px 5px #666666; -webkit-box-shadow:0px 0px 5px #666666;}
.img_left { /* Image sticks to the left */ width:auto; float:left; margin:5px 15px 5px 5px; }

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
	float:left;
	position: absolute;
	left: -999em;
	text-align: left;
	border: 1px solid #999999;
	border-top: none;
	background: #F4F4F4;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F4F4',endColorstr='#CDCDCD');
	background: -o-linear-gradient(top, #F4F4F4, #CDCDCD);
	background: -moz-linear-gradient(top, #F4F4F4, #CDCDCD);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#CDCDCD));
	border-radius: 0px 5px 5px 5px;
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
}

#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns { left:-1px; top:auto; }

.dropdown_1column {width: 140px;} /*Home*/
.dropdown_2columns {width: 280px;} /*Dan*/
.dropdown_3columns {width: 420px;} /*Branch*/
.dropdown_4columns {width: 180px;} /*Calendar tab*/
.dropdown_5columns {width: 560px;} /*Sys admin*/

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {display:inline; float: left; position: relative; margin-left: 5px; margin-right: 5px; }
.col_1 {width:170px;}
.col_2 {width:160px;}
.col_3 {width:100px;}
.col_4 {width:170px;}
.col_5 {width:260px;}



/* MENU
************************************************************************************************************/
/*
#menu-wrapper
{
    margin: 0 auto;
    position: relative;
    top: -100px;
}

#menu-wrapper h4
{
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-weight: normal;
}

#menu-wrapper ul
{
    border: 1px solid #CCCCCC;
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-color: #E8E8E8;
}

#menu-wrapper li a
{
    display: block;
    padding: 3px;
    text-decoration: none;
    color: #666666;
}

#menu-wrapper li a:hover
{
    font-style: normal;
    border: none;
    color: #3399FF;
    display: block;
    text-decoration: underline;
}

#menu-wrapper div.menu-title
{
	background-color:  #383838;
	color: #FFFFF2;
	font-weight: bold;
	padding: 2px;
}

/* AJAX - ACCORDION
************************************************************************************************************/

.navigation-header
{
    color: #000000;
    background-color: #BFBFBF;
    height: 25px;
    text-indent: 10px;
    width: 180px;
}
.navigation-header:hover
{
    background-color: #3399FF;
    color: #FFFFFF;
    cursor: hand;
}

.navigation-header-selected
{
    color: #FFFFFF;
    background-color: #939598; /*#5A245A #B5D334*/
    height: 30px;
    text-indent: 10px;
    width: 180px;
}
.navigation-header-selected:hover
{
    background-color: #3399FF;
    color: #FFFFFF;
    cursor: hand;
}

.cursor-hand:hover
{
    cursor: hand; cursor: pointer;
}*/